<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>

    <script>
        let body = document.getElementsByTagName("body")[0]
        var script = document.createElement("script")
        script.src = "https://sug.so.360.cn/suggest?word=2&callback=aa"
        body.appendChild(script)

        function aa(res) {
            console.log(res);

        }
    </script>
    <!-- <script src="https://sug.so.360.cn/suggest?word=1&callback=aa"></script> -->
    <!-- 就相当于是 把下面的这段js代码放到了页面中 意思是调用aa 请求到的数据 作为实参 放在aa中 -->
    <!-- aa({"errorcode":0,"ext":"nlpv=pcsug2_dt","query":"1","result":[{"word":"163邮箱登录"},{"word":"1688"},{"word":"1688阿里巴巴批发网"},{"word":"1688阿里巴巴官网首页"},{"word":"17173游戏网官网"},{"word":"1688阿里巴巴"},{"word":"163"},{"word":"135编辑器"},{"word":"126邮箱登录"},{"word":"17173"}],"src":"other","ssid":"8e327f30682445efb708b40b9a679e41","version":"revise"}) -->

    <!-- //word是我们的搜索关键字 callback是回调函数 -->
</body>

</html>

</html>

<!-- // 什么是跨域
        // 什么是跨域
        // 跨域是浏览器的跨域 不符合 域名 协议 端口号一样（ 同源策略） 的请求都会出现跨域的问题
        // 跨域的解决方法
        // 最多的情况是后端处理跨域
        // 前端的跨域
        // 服务器代理
        // jsonp
        // vue 中是 proxy 代理实现跨域

        // vue 的跨域
        // 用 proxy 实现
        //在vue开发中实现跨域：在vue项目根目录下找到vue.config.js文件（如果没有该文件则自己创建），在proxy中设置跨域

        //     jsonp跨域是一个纯前端的跨域;
        //     JSONP 原理：

        //     ajax 请求受同源策略影响， 不允许进行请求， 我们利用 script 标签的 src 属性不受同源策略的约束， 利用这个特性 jsonp 需要以下步骤：

        //     1. 动态创建 < script >
        //
        // (document.createElement('script'))
        // 2. 设置 src 属性，(src 中要包含参数 callback=fn)进行跨域请求
        // 3. 将 // 添加到页面中执行 （body.appendChild('script')） 4. 页面要提前定义好 callback。 5. 后端会返回回调函数执行并包裹参数 callback(data) 备注： 服务端不再返回 JSON 格式的数据，而是返回回调函数包裹数据（fn({name:'tom',age:18}），在 src 中进行了调用，这样实现了跨域。

        // jsonp跨域和ajax一点关系都没有
        // 利用的是script标签的跨域请求资源的能力 -->